<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>美团外卖</title>
		<link rel="stylesheet" type="text/css" href="css/Reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/main.css"/>
		<link rel="stylesheet" type="text/css" href="font/iconfont.css"/>
		<script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=GsKzK2VjOqPfLuBvKa4Z6Klrph45Vso1"></script> 
		<script type="text/javascript">
			var rem = document.documentElement.clientWidth/10.8;
			document.getElementsByTagName('html')[0].style.fontSize = rem + 'px';
		</script>
	</head>
	<body>
		<div class="wrapper">
			<header class="header">
				<span id="close" class="iconfont">&#xe609;</span>
				<span id="name">美团外卖玩乐</span>
				<span id="more" class="iconfont">&#xe766;</span>
			</header>
			<div class="container clearfix">
				<section class="search">
					<span id="adress" class="iconfont">北京&#xe632;</span>
					<form>
						<span class="iconfont">&#xe604;</span>
						<input type="text" value="输入商户名、地点" />
					</form>
					<span id="user" class="iconfont">&#xe60a;</span>
				</section>
				<nav class="nav">
					<ul>
						<li>
							<a href="#"></a>
							<a href="#">外卖</a>
						</li>
						<li>
							<a href="#"></a>
							<a href="#">美食</a>
						</li>
						<li>
							<a href="#"></a>
							<a href="#">电影演出</a>
						</li>
						<li>
							<a href="#"></a>
							<a href="#">休闲娱乐</a>
						</li>
						<li>
							<a href="#"></a>
							<a href="#">酒店</a>
						</li><li>
							<a href="#"></a>
							<a href="#">KTV</a>
						</li>
						<li>
							<a href="#"></a>
							<a href="#">周边游</a>
						</li>
						<li>
							<a href="#"></a>
							<a href="#">丽人</a>
						</li>
						<li>
							<a href="#"></a>
							<a href="#">生活服务</a>
						</li>
						<li>
							<a href="#"></a>
							<a href="#">全部分类</a>
						</li>
					</ul>
				</nav>
				<section class="ad">
					<div class="left">
						<h1>电影超值优惠</h1>
						<h2>19.9元起</h2>
						<img src="img/refreshing_image_02.png"/>
					</div>
					<div class="center">
						<h1>电影超值优惠</h1>
						<h2>19.9元起</h2>
						<img src="img/refreshing_image_02.png"/>
					</div>
					<div class="right">
						<h1>电影超值优惠</h1>
						<h2>19.9元起</h2>
						<img src="img/refreshing_image_02.png"/>
					</div>
				</section>
				
				<section class="hot">
					<div class="head">
						<h1>超值特惠</h1>
						<h2 class="iconfont">更多优惠 &#xe60c;</h2>
					</div>
					
					<div class="all">
						<div class="show">
							<img src="img/pic1.png"/>
							<h3>护国寺小吃店</h3>
							<h4><span>￥1</span><span>￥5</span></h4>
						</div>
						<div class="show">
							<img src="img/pic1.png"/>
							<h3>护国寺小吃店</h3>
							<h4><span>￥1</span><span>￥5</span></h4>
						</div>
						<div class="show">
							<img src="img/pic1.png"/>
							<h3>护国寺小吃店</h3>
							<h4><span>￥1</span><span>￥5</span></h4>
						</div>
					</div>
					
				</section>
				
				<section class="like">
					<div class="head">
						猜你喜欢
					</div>
					<div class="main">
						<img src="img/pic2.png" class="a"/>
						<div class="right">
							<h1>巴斯骆冰&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>4km</span></h1>
							<h2>【13】点统计那个一欧诺个的</h2>
							<h3>
								<span>￥22</span>
								<span>￥31</span>
								<span>已售1637</span>
							</h3>
						</div>
					</div>
					
					<div class="main">
						<img src="img/pic2.png" class="a"/>
						<div class="right">
							<h1>巴斯骆冰&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>4km</span></h1>
							<h2>【13】点统计那个一欧诺个的</h2>
							<h3>
								<span>￥22</span>
								<span>￥31</span>
								<span>已售1637</span>
							</h3>
						</div>
					</div>
					
					<div class="main">
						<img src="img/pic2.png" class="a"/>
						<div class="right">
							<h1>巴斯骆冰&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>4km</span></h1>
							<h2>【13】点统计那个一欧诺个的</h2>
							<h3>
								<span>￥22</span>
								<span>￥31</span>
								<span>已售1637</span>
							</h3>
						</div>
					</div>
					<div class="main">
						<img src="img/pic2.png" class="a"/>
						<div class="right">
							<h1>巴斯骆冰&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>4km</span></h1>
							<h2>【13】点统计那个一欧诺个的</h2>
							<h3>
								<span>￥22</span>
								<span>￥31</span>
								<span>已售1637</span>
							</h3>
						</div>
					</div>
				
				</section>
			</div>
			
			<!--团购详情-->
			<div class="groupBuy" style="display: none;">
				<div class="head">
					<span id="retu" class="iconfont">
						&#xe601;返回
					</span>
					<span>团购详情</span>
				</div>
				<div class="picShow">
					<img src="img/pic3.png" id="quan"/>
					<div class="price">
						<span>
							<i>￥18</i>
							<i>￥24</i>
						</span>
						<button>立即购买</button>
					</div>
					<div class="tui">
						<span><img src="img/pic8.png"/>&nbsp;随时可退</span>
						<span><img src="img/pic9.png"/>&nbsp;过期自动退</span>
					</div>
					
				</div>
				<div class="suituser">
						<div class="up">
							<span>适当用户（268）</span>
							<a href="#" class="iconfont">&#xe60c;</a>
						</div>
						<div class="center">
							<div class="left">
								<h1>麦当劳（沙河得来速店）</h1>
								<h2>
									<img src="img/pic4.png"/>
									<span>2.1km</span>
								</h2>								
							</div>
							<div class="right">
								<img src="img/pic5.png"/>
							</div>							
						</div>
						<div class="down" id="isAdress">
							<img src="img/pic6.png"/>
							<span>沙河镇巩华街67号</span>
						</div>
					</div>
				
				<div class="groupdet">
					<div class="up">
						<span>团购详情</span>
						<img src="img/pic7.png"/>
					</div>
					<h1>单个玩具套餐</h1>
					<h2>
						<span>line玩具</span>
						<span>1分</span>
						<span>4元</span>
					</h2>
					<h2>
						<span>line玩具</span>
						<span>1分</span>
						<span>4元</span>
					</h2>
					<h3>
						<span>最高价值&nbsp;24元</span>
						<span>团购价&nbsp;18元</span>
					</h3>
					<h4>免费提供纸巾</h4>
					<h5><span>更多图文详情</span><span>（建议wifi环境下打开，土豪请随意）</span><span class="iconfont">&#xe60c;</span></h5>
				</div>
			
			</div>			
			<div id="map" style="display: none;" ></div>
			<div class="ditu" style="display: none;">	
				<form class="sousuo">
					<input type="text" name="" id="" value="商户名地址等" />
					<span class="iconfont">
						&#xe604;
					</span>
				</form>
			</div>
			
			<footer class="footer">
				<span id="home" class="iconfont">&#xe60b;首页</span>
				<span id="waimai" class="iconfont">&#xe82b;外卖</span>
			</footer>
		</div>
		
	</body>
	<script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
	<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/map.js" type="text/javascript" charset="utf-8"></script>
</html>
